<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>首页</title>
    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/l-style.css" rel="stylesheet">
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../js/pop_status.js"></script>
    <script src="../js/common.js"></script>
</head>
<body>
<div class="container">
    <div class="header">
        <div class="header-fl fl">科技小桌板</div>
        <div class="header-fr fr">
            <img src="../img/icon/default-avatar.png" width="28" height="28" class="default-avatar fl">
            <span class="admin-name fl">Sherry</span>
            <img src="../img/icon/exit-icon.png" width="16" height="16" class="login-exit fr">
        </div>
    </div>

    <div class="super-admin">
        <img src="../img/icon/s-admin.png" width="70" height="71">
        <span class="super-text">平台管理员</span>
    </div>

    <div class="sidebar">
        <div class="panel-group" id="accordion">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="1" href="index.html">
                                <span class="sidebar-icon">
                                    <span class="side1"></span>
                                </span>
                                <span class="">首页</span>
                                <span class="r-arrow r-arrow-c"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="2" href="area1.html">
                                <span class="sidebar-icon">
                                    <span class="area-side"></span>
                                </span>
                                <span class="">区域管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="3" href="modal1.html">
                                <span class="sidebar-icon">
                                    <span class="model-side"></span>
                                </span>
                                <span class="">勋章管理</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div>
                            <a class="sidebar-list" data-id="4" href="qymes1.html">
                                <span class="sidebar-icon">
                                    <span class="side4"></span>
                                </span>
                                <span class="">企业信息查询</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="panel-title">
                        <div data-toggle="collapse" data-parent="#accordion" href="#collapseEight">
                            <a class="sidebar-list" data-id="8">
                                <span class="sidebar-icon">
                                    <span class="side8"></span>
                                </span>
                                <span class="">系统设置</span>
                                <span class="r-arrow"></span>
                            </a>
                        </div>
                    </div>
                </div>
                <div id="collapseEight" class="panel-collapse collapse">
                    <div class="panel-body">
                        <ul class="son-sidebar">
                            <li>
                                <a class="sidebar-son-list" href="edit_message.html" data-id="1">个人信息</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="" data-id="2">修改密码</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="super_account.html" data-id="3">超级管理员账号管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="" data-id="4">Banner图管理</a>
                            </li>
                            <li>
                                <a class="sidebar-son-list" href="url1.html" data-id="5">超链接管理</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="page-header">
        <div class="page-right-top">
            <div class="right-top">
                <span class="right-title">企业信息查询</span>
            </div>
        </div>
        <div class="main-content">
            <div class="main-top">
                <div class="index-list index-m1">
                    <div class="index-total">企业总数</div>
                    <div class="index-totalNum">
                        <span>38700</span>个
                    </div>
                </div>
                <div class="index-list qy-m2">
                    <div class="index-total" style="padding-top: 11px;">本月新增企业数</div>
                    <div class="index-totalNum">
                        <span>200</span>个
                    </div>
                </div>
                <div class="index-list qy-m3">
                    <div class="index-total">今日新增企业数</div>
                    <div class="index-totalNum">
                        <span>200</span>个
                    </div>
                </div>
            </div>

            <div class="mes-content">
                <div class="main-mes-top">

                    <div class="fr">
                        <div class="mes-input fl">
                            <input type="text" class="keyword-input" name="keyword" placeholder="请输入关键词">
                        </div>

                        <div class="screen-term">
                            <select class="screen-de" name="" id="">
                                <option value="">企业属性</option>
                                <option value="企业类别">企业类别</option>
                                <option value="企业载体">企业载体</option>
                                <option value="条件四">状态</option>
                                <option value=""></option>
                            </select>
                        </div>

                        <div class="mes-input fl">
                            <input type="text" class="keyword-input" name="condition" placeholder="请先选择筛选条件">
                        </div>

                        <button class="mes-query-btn fl">查询</button>
                    </div>
                    <div class="clearfix"></div>
                </div>

                <div class="main-mes-content">
                    <div class="al-released fl">企业列表</div>
                    <div class="acc-operation fr">
                        <div class="acc-opera-btn fl disable-btn">导出</div>
                    </div>

                    <table class="table" style="table-layout:fixed;">
                        <thead>
                        <tr style="background-color: #f3f9fd;">
                            <th class="center-th">序号</th>
                            <th class="center-th">企业名称</th>
                            <th class="center-th">企业属性</th>
                            <th class="center-th">企业类别</th>
                            <th class="center-th">统一社会信用代码</th>
                            <th class="center-th">科技载体</th>
                            <th class="center-th">科技联络人</th>
                            <th class="center-th">详情</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td class="a-line center-th">1</td>
                            <td class="center-th">苏州派伽信息技术有限公司</td>
                            <td class="center-th">高新企业</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">18712255555</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">
                                <span class="table-opera lia-detail">查看详情</span>
                            </td>
                            <td class="center-th">
                                <a href="../qy2.html">查看详情</a>
                            </td>
                        </tr>
                        <tr>
                            <td class="a-line center-th">1</td>
                            <td class="center-th">苏州派伽信息技术有限公司</td>
                            <td class="center-th">高新企业</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">18712255555</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">
                                <span class="table-opera lia-detail">查看详情</span>
                            </td>
                            <td class="center-th">
                                <a href="../qy2.html">查看详情</a>
                            </td>
                        </tr>
                        <tr>
                            <td class="a-line center-th">1</td>
                            <td class="center-th">苏州派伽信息技术有限公司</td>
                            <td class="center-th">高新企业</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">18712255555</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">
                                <span class="table-opera lia-detail">查看详情</span>
                            </td>
                            <td class="center-th">
                                <a href="../qy2.html">查看详情</a>
                            </td>
                        </tr>
                        <tr>
                            <td class="a-line center-th">1</td>
                            <td class="center-th">苏州派伽信息技术有限公司</td>
                            <td class="center-th">高新企业</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">18712255555</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">
                                <span class="table-opera lia-detail">查看详情</span>
                            </td>
                            <td class="center-th">
                                <a href="../qy2.html">查看详情</a>
                            </td>
                        </tr>
                        <tr>
                            <td class="a-line center-th">1</td>
                            <td class="center-th">苏州派伽信息技术有限公司</td>
                            <td class="center-th">高新企业</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">18712255555</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">
                                <span class="table-opera lia-detail">查看详情</span>
                            </td>
                            <td class="center-th">
                                <a href="../qy2.html">查看详情</a>
                            </td>
                        </tr>
                        <tr>
                            <td class="a-line center-th">1</td>
                            <td class="center-th">苏州派伽信息技术有限公司</td>
                            <td class="center-th">高新企业</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">18712255555</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">
                                <span class="table-opera lia-detail">查看详情</span>
                            </td>
                            <td class="center-th">
                                <a href="../qy2.html">查看详情</a>
                            </td>
                        </tr>
                        <tr>
                            <td class="a-line center-th">1</td>
                            <td class="center-th">苏州派伽信息技术有限公司</td>
                            <td class="center-th">高新企业</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">18712255555</td>
                            <td class="center-th">精密仪器</td>
                            <td class="center-th">
                                <span class="table-opera lia-detail">查看详情</span>
                            </td>
                            <td class="center-th">
                                <a href="../qy2.html">查看详情</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>

                    <div class="page-box">
                        <ul class="pagination">
                            <li><a href="#">&laquo;</a></li>
                            <li><a href="#" class="mes-page-check">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li><a href="#">&raquo;</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="pop-status opacity"></div>

    <!--科技联络人-->
    <div class="pop-second pop-liaison" style="display: none;">
        <div class="pop-title">
            科技联络人
            <span class="close close-icon"></span>
        </div>
        <div style="padding: 20px 30px;">
            <table class="table" style="table-layout:fixed;">
                <thead>
                <tr style="background-color: #f3f9fd;">
                    <th class="center-th" width="20%;">姓名</th>
                    <th width="30%;">手机号</th>
                    <th>邮箱</th>
                </tr>
                </thead>
                <tbody>
                <tr>
                    <td class="center-th">张三</td>
                    <td>18712255320</td>
                    <td>18888888888@qq.com</td>
                </tr>
                <tr>
                    <td class="center-th">张三</td>
                    <td>18712255320</td>
                    <td>18888888888@qq.com</td>
                </tr>
                <tr>
                    <td class="center-th">张三</td>
                    <td>18712255320</td>
                    <td>18888888888@qq.com</td>
                </tr>
                <tr>
                    <td class="center-th">张三</td>
                    <td>18712255320</td>
                    <td>18888888888@qq.com</td>
                </tr>
                <tr>
                    <td class="center-th">张三</td>
                    <td>18712255320</td>
                    <td>18888888888@qq.com</td>
                </tr>

                </tbody>
            </table>
        </div>
    </div>

</div>

<script type="text/javascript">
    $(function () {

        // 点击查询
        $('.mes-query-btn').on('click', function() {
            var keyword = $("input[name='keyword']").val();
            var condition_val = $("input[name='condition']").val();

            var is_condition = $('.st-text').text();

            if ($.trim(keyword) == '') {
                popStatus(2, '请输入关键词', 1,'', true);
                return;
            }
            if (is_condition == '筛选条件') {
                popStatus(2, '请先选择筛选条件', 1,'', true);
                return;
            }
        });

        //点击取消
        $('.mem-cancel, .close-icon').on('click', function() {
            ComMesClose();
        });

        // 点击科技联络人  ->  查看详情
        $('.table-opera.lia-detail').on('click', function() {
            ComMesOpen();
            var he_lia = $('.pop-liaison');

            he_lia.show();
        });

        function ComMesClose() {
            $('.pop-status').hide();
            $('.pop-eqit-mes').hide();
            $('.pop-liaison').hide();
            $('.pop-classify').hide();
        }

        function ComMesOpen() {
            $('.pop-status').show();
        }
    })
</script>
</body>
</html>